const path = require('path')
function resolve(dir) {
  return path.join(__dirname, dir)
}
module.exports = {
  devServer: {
    port: 8080,
    proxy: {
      '/api': {
        target: 'http://127.0.0.1:8081',      
          changeOrigin: true, //是否跨域
          ws: true,
          pathRewrite: { // pathRewrite 的作用是把实际Request Url中的'/api'用""代替
            '^/api': ""
          }
      },
      // '^/rest': {
      //   target: "https://nls-gateway.cn-shanghai.aliyuncs.com"
      // },
      // '^/api': { // '/api'是代理标识，用于告诉node，url前面是/api的就是使用代理的
      //   // target: "http://127.0.0.1:8081", //目标地址，一般是指后台服务器地址
      //   target: "http://localhost:80801", //目标地址，一般是指后台服务器地址
      //   changeOrigin: true, //是否跨域
      //   ws: true,
      //   pathRewrite: { // pathRewrite 的作用是把实际Request Url中的'/api'用""代替
      //     '^/api': ""
      //   }
      // }
    }
  },  
  configureWebpack: {
    resolve: {
      alias: {
        // eslint-disable-next-line no-undef
        '@': resolve('src'),
      },
    },
  },

  // transpileDependencies: ['swiper'],
  // chainWebpack:config=>{
  //   // svg图标加载
  //   config.module
  //     .rule('svg')
  //     .exclude.add(path.join(__dirname, 'src/assets/icons/svg'))
  //     .end()
 
  //   config.module
  //     .rule('icons')// 定义一个名叫 icons 的规则
  //     .test(/\.svg$/)// 设置 icons 的匹配正则
  //     .include.add(path.join(__dirname,'src/assets/icons/svg'))// 设置当前规则的作用目录，只在当前目录下才执行当前规则
  //     .end()
  //     .use('svg-sprite')// 指定一个名叫 svg-sprite 的 loader 配置
  //     .loader('svg-sprite-loader')// 该配置使用 svg-sprite-loader 作为处理 loader
  //     .options({// 该 svg-sprite-loader 的配置
  //       symbolId:'icon-[name]'
  //     })
  //     .end()
  // }
}